<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="js/jquery.min.js"></script>
  <script src="todolist.js"></script>
</head>

<body>

  <header>
    <section>
      <label for="title">To Do List</label>
      <input type="text" id="title" name="title" placeholder="输入任务名称，点回车即可添加任务" required>
    </section>
  </header>

  <section>
    <h2>正在进行<span id="todocount"></span></h2>
    <ol id="todolist" class="demo-box">
      <li>
        <input type="checkbox" name="">
        <p>122</p>
        <a href="#"></a>
      </li>
    </ol>

    <h2>已经完成<span id="donecount"></span></h2>
    <ul id="donelist"></ul>
  </section>

  <footer>
    Copyright &copy; 2021 todolist.cn
  </footer>
</body>

</html>
